.upgrade-step1 {
  width: 652px;
  margin: 0 auto;
  color: $gray-08;
  &-title {
    margin-top: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 28px;
    color: $gray-08;
  }
  &-desc {
    line-height: 20px;
    font-size: 12px;
    margin-top: 8px;
  }
  &-form {
    margin-top: 16px;
    .search-icon {
      color: $gray-06;
    }
    .next-form-item {
      margin-bottom: 0;
    }
  }
  &-line {
    margin-top: 40px;
    width: 100%;
    height: 1px;
    background: $gray-05;
    margin-bottom: 16px;
  }
  &-table {
    margin-top: 12px;
    .import-repo-name-col {
      width: 320px;
      a:visited {
        color: $primary-brand;
      }
    }
    &-op-container {
      margin-left: 25px;
      .total-tip {
        color: $gray-06;
        margin-right: 24px;
      }
    }
  }
  &-table.selected {
    thead > tr {
      th:first-child {
        white-space: nowrap;
      }
      th:not(:first-child) {
        display: none;
      }
    }
  }

  &-extra-info {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    &-pagination {
      .next-pagination.next-normal {
        padding: 0;
      }
    }
  }
}

.upgrade-compare-text {
  color: $primary-brand;
  cursor: pointer;
}
.upgrade-compare-modal-table {
  margin-top: 20px;
  &:first-child {
    margin-top: 0;
  }
}
